<!doctype html>
<html>
<head design-width="750">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<title>Demo</title>
<link rel="stylesheet" href="css/myMessage.css" /><!--页面样式-->

<script src="js/auto-size.js"></script><!--设置字体大小-->

<script src="js/jquery-2.2.4.min.js"></script><!--设置字体大小-->

</head>
<body>
	<div class="mobile-wrap center mobile-wrap-mb" id="user">
        
        <header>
        	<span class="return" onclick="toindex()">
        		返回
        	</span>
        </header>
        <main>
        	<div class="inform">
        		<h3>账号管理</h3>
        		<div class="inform-list">
        			<ul>
        				<li class="acti">个人信息</li>
        				<li>修改资料</li>
        				<li>修改密码</li>
        			</ul>
        		</div>
        		<div class="inform-text show" v-for="u in userMessage">
        			<p>
        				<span>
        					用户 :{{u.uname}}
        				</span>
        				<input type="text" />
        			</p>
        			<p>
        				<span>
        					性别:{{u.usex}}
        				</span>
        				<input type="text" />
        			</p>
        			<p>
        				<span>
        					手机:{{u.uphone}}
        				</span>
        				<input type="text" />
        			</p>
        			<p>
        				<span>
        					邮箱
        				</span>
        				<input type="text" />
        			</p>
        			<p>
        				<span>
        					生日
        				</span>
        				<input type="text" />
        			</p>
        		</div>
        		<div class="inform-text">
        			<p>
        				<span>
        					用户：
        				</span>
        				<input type="text" />
        			</p>
        			<p>
        				<span>
        					性别
        				</span>
        				<input type="text" />
        			</p>
        			<p>
        				<span>
        					手机
        				</span>
        				<input type="text" />
        			</p>
        			<p>
        				<span>
        					邮箱
        				</span>
        				<input type="text" />
        			</p>
        			<p>
        				<span>
        					生日
        				</span>
        				<input type="text" />
        			</p>
        			<h4>
        				<input type="submit" name="" id="" value="确定修改" />
        			</h4>
        		</div>
        		<div class="inform-text">
        			<p>
        				<span>
        					新密码
        				</span>
        				<input type="text" />
        			</p>
        			<p>
        				<span>
        					旧密码
        				</span>
        				<input type="text" />
        			</p>
        			<h4>
        				<input type="submit" name="" id="" value="确定修改" />
        			</h4>
        		</div>
        	</div>
        </main>

   </div><!--mobile_wrap-->
</body>

<script type="text/javascript">
	var vue=new Vue({
		el:"#user",
		data:{
			userMessage:{}
		},
		created(){
			this.show();
		},
		methods:{
			show:function(){
				axios.get("/web-user/user/findUserInfo/"+uid,{
					parmas:{
						<!--传的用户id-->
					}
				}).then(value => {
					this.userMessage=value.data;
					console.log(value.data);
				})
			}
		},
		
	})


	function toindex(){
	    location.href="mycenter.html"
	}



	$('.inform-list ul li').click(function(){
		var n=$(this).index();
		$(this).addClass('acti').siblings().removeClass('acti');
		$('.inform-text').fadeOut();
		$('.inform-text').eq(n).fadeIn();
	})
</script>
</html>
